

<div class="panel panel-default visitors">
   <div class="panel-heading">
      <span class=""></span> <strong class="h3">All Popup</strong>
   </div>
   <div class="panel-body settings">
      <div class="col-md-12 user-wrap">
         <div class="col-md-8 ">
            <!-- Popup 1 -->
            <!-- Button trigger modal -->
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
            Not approved
            </button>
            <!-- Modal -->
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
               <div class="modal-dialog max-width-350">
                  <div class="modal-content">
                     <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">Part of you profile not updated</h4>
                     </div>
                     <div class="modal-body grey">
                        Just tell about yourself. what you like and how you live your life. Easy <br> <br>
                        <h4>Tell us about you:</h4>
                        <textarea rows="3" class="form-control full-width"></textarea><br>
                        <div class="modal-plain grey">
                           <button type="button" class="btn btn-success pull-right">Continue</button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Popup 1 end -->
            <!-- Popup 2 -->
            <!-- Button trigger modal -->
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal2">
            Add Photos
            </button>
            <!-- Modal -->
            <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
               <div class="modal-dialog">
                  <div class="modal-content full-width add-photos-cover">
                     <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel2"><i class="fa fa-camera"></i> Add photos of yourself</h4>
                     </div>
                     <div class="modal-body full-width grey">
                        <h3 class="cr large-font">You dont have a photo.</h3>
                        <p class="cr large-font2">User with photos will get 5x the attention</p>
                        <br>
                        <div class="cr add-photos-btns">
                           <button type="button" class="btn btn-default cr"><i class="fa fa-upload"></i> Upload images</button>
                           <button type="button" class="btn btn-default facebook-btn"><i class="fa fa-facebook"> </i>Facebook import</button>
                        </div>
                     </div>
                     <div class="modal-footer grey">
                        <span  class="fl" data-dismiss="modal"><a href="" class="normal-link">No thanks i will do it tomorrow</a> </span>
                        <span><i class="fa fa-lock"></i></span>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Popup 2 end -->
            <!-- Popup 3 -->
            <!-- Button trigger modal -->
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal3">
            Chat now
            </button>
            <!-- Modal -->
           <!-- show card -->
            <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
               <div class="modal-dialog3">
                  <div class="modal-content">
                     <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel3"></h4>
                     </div>
                     <div class="modal-body grey border-bottom">
                        <div class="send-card-img">
                           <img src="img/default-img.jpg" class="img-responsive alt=""/>
                        </div>
                     </div>

                        <div class="card-user-image">
                           <img src="img/default-img.jpg" class="img-responsive img-thumbnail">
                        </div>
                        <div class="row">
                           <div class="col-md-8 view-card-user-details">
                              <a href="#">Username</a> sent you a
                              <p class="date-time-card"><i class="fa fa-clock-o"></i>  05/02/2014 14:25</p>
                           </div>
                        </div>


                     <div class="modal-footer3">
                        <div class="row">
                           <div class="send-card-wrap">
                              <div class="card-btns-left">
                                    <button type="button" class="btn btn-default">Send card</button>
                              </div>
                              <div class="card-btns-right">
                                 <button type="button" class="btn btn-danger"><i class="fa fa-comments"></i>Chat now !</button>
                                 <div class="btn-group card-btn-dropdown">
                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                    or <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" role="menu">
                                       <li><a href="#">Action</a></li>
                                       <li><a href="#">Another action</a></li>
                                       <li><a href="#">Something else here</a></li>
                                       <li><a href="#">Separated link</a></li>
                                    </ul>
                                 </div>

                              </div>


                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Popup 3 end -->
			
            <!-- Popup 4 -->
            <!-- Button trigger modal -->
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal4">
            Send Picture
            </button>
            <!-- Modal -->
               <div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel4" aria-hidden="true">
                  <div class="modal-dialog">
                     <div class="modal-content send-card-photo-wrap">

                        <div class="modal-header">
                           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                           <h4 class="modal-title" id="myModalLabel4"></h4>
                        </div>

                        <div class="modal-body send-card-wrap">
                           <div class="col-md-4 col-sm-6 col-xs-6"><img src="img/default-img.jpg" class=" img-responsive img-thumbnail">
                              <p class="cr m10 mb20"><button type="button" class="btn btn-default">Send</button></p>
                           </div>
                           <div class="col-md-4 col-sm-6 col-xs-6"><img src="img/default-img.jpg" class=" img-responsive img-thumbnail">
                              <p class="cr m10 mb20"><button type="button" class="btn btn-default">Send</button></p>
                           </div>
                           <div class="col-md-4 col-sm-6 col-xs-6"><img src="img/default-img.jpg" class=" img-responsive img-thumbnail">
                              <p class="cr m10 mb20"><button type="button" class="btn btn-default">Send</button></p>
                           </div>
                           <div class="col-md-4 col-sm-6 col-xs-6"><img src="img/default-img.jpg" class=" img-responsive img-thumbnail">
                              <p class="cr m10 mb20"><button type="button" class="btn btn-default">Send</button></p>
                           </div>
                           <div class="col-md-4 col-sm-6 col-xs-6"><img src="img/default-img.jpg" class=" img-responsive img-thumbnail">
                              <p class="cr m10 mb20"><button type="button" class="btn btn-default">Send</button></p>
                           </div>
                           <div class="col-md-4 col-sm-6 col-xs-6"><img src="img/default-img.jpg" class=" img-responsive img-thumbnail">
                              <p class="cr m10 mb20"><button type="button" class="btn btn-default">Send</button></p>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            <!-- Popup 4 end -->			
         </div>
      </div>
   </div>
</div>

